

import { useTranslation } from 'react-i18next'
import { Outlet } from 'react-router-dom'
const Data1 = () => {
    const { t } = useTranslation()

    return <div className="
        w-full h-[500px] 
        md:h-[500px] 
        lg:h-[500px] 
        bg-blue-400 
        dark:bg-black
        dark:text-white
        green:bg-teal-500
        green:text-[yellow]
        pink:bg-[pink]
        pink:text-[red]
        flex 
        justify-between 
        text-[#e11d48] 
        items-center mt-[10px]
        text-[20px]
        test-oklch(57.7% 0.245 27.325)
        border
        border-green-900
        rounded-[20px]
        flex-col
        absolute
        z-999
    ">
        <h1>{t('data1.title')}</h1>
        <div>111</div>
        <div>222</div>
        <h1> 下面是二级路由的出口 </h1>
        <Outlet />
    </div>
}

export default Data1